<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		div{
			
		}
		.header{
			margin-left: 40px;
		}
		.header em{
			color: gray;
		}
		.nav{
			height: 32px;
			border-bottom: 1px solid grey;
		}
		.nav ul li{
			list-style: none;
			border: 1px solid grey;
			float: left;
			padding: 5px;
		}
		a{
			
			text-decoration: none;
			color: grey;
		}
		.article1{
				margin-top: 20px;
				/*width: 53%;*/
				border: 1px solid grey;
				padding: 5px;
				margin-left: 40px;
		}
		.article1 p{
			color: grey;
			white-space: pre-line;
			margin-left: 40px;
		}
		.article2{
			margin-left: 40px;
		}
		.article2 b,.article2 p{
			white-space: pre-line;
			color: grey;
		}
		.article3{
			margin-left: 40px;
		}
		.article3 h3{
			border: 1px solid grey;
		}
		.article3 p,.article3 em{
			white-space: pre-line;
			color: grey;
		}
		.footer{
			margin-left: 40px;
			/*width: 53%;*/
			border: 1px solid grey;
			padding-left:18px ;
		}
		.footer em{
			margin: 10px 0px 10px 0px ;
			display: inline-block;
		}
		.footer img{
			width: 90%;
		}
		.section02 p{
			white-space: pre-line;
			color: grey;
		}
		.section02 em{
			color: grey;
		}
		.section02 #sub{
			border: 0px;
			font-style: italic;
		}
		.section02 p{
			font-style: italic;
		}
		.section02{
			width: 26%;
			border:1px solid grey;
			float: right;
			padding-left: 40px;
			margin: 60px 60px 0 0;
		}
		.section01{
			float: left;
		}
	</style>
	<body>
		<div class="body">
			<div class="header">
				<h2>
					名人名言
				</h2>
				<em>
					分享名人名言，开始一段触动心灵的智慧之旅跳到内容 
				</em>
			</div>
			<div class="nav">
				<ul>
					<li><a href="#">登录</a></li>
					<li><a href="#">关于</a></li>
					<li><a href="#">名人名言</a></li>
					<li><a href="#">英文名言(English)</a></li>
					<li><a href="#">心理杂志 </a></li>
					<li><a href="#">心理书籍</a></li>
					<li><a href="#">专题活动</a></li>
					<li><a href="#">发表</a></li>
				</ul>
			</div>
			<div class="section01">
			<div class="article1">
				<h3>心理学经典名言的智慧</h3>
				<p>洞察人性的美与丑，认识自我的强与弱。一句好的格言能够穿越时间，永不失色、历久弥香，它总
					是能给人们带来心灵的滋养。</p>
			</div>
			<div class="article2">
				<b>创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去
					实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现
					的能力。 </b>
				<p>
					创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去
					实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现
					的能力。
					发表在 未分类 | 标签： 《换个脑袋去思考》, 创造力 | 留下评论
				</p>
			</div>
			<div class="article3">
				<h3>作者简介</h3>
				<em>
					如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人
					生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴
					趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他
					们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一
					点。 
				</em>
				<p>
					如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人
					生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴
					趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他
					们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一
					点。
				</p>
				<p>发表在 未分类 | 标签： 《怎样出售设计创意》, 温斯顿·丘吉尔 | 留下评论</p>
			</div>
			<div class="footer">
				<em>赞助广告</em><br />
				<img src="../img07/ad_2.jpg" />
				
			</div>
			</div>
			<div class="section02">
				<em>赞助广告</em><br />
				<img src="../img07/ad.jpg" />
				<form>
					<input type="submit" value="搜索" id="sub" /><br />
					<input type="text" name="search" id="search" value="点击搜索"/>
				
				</form>
				<em>标签</em><br />
				<p>60年语录 《犯罪心理》 世间百态 二十四史传统
					名人 体育人物 卡斯特罗 卡斯特罗名言 卡斯特罗
					语录 历史 友谊爱情 古代格言 名人名言 名人随
					语 教子立人 新闻事件 李白 爱情语录 韩寒语录 </p>
			</div>
		</div>
	</body>
</html>
